<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>黑风寨工作室</title>
    <link rel="shortcut icon" href="logo/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    
    <div id="header">
        <!-- <p style="writing-mode:vertical-rl;float:left;font-size: 30px;margin-left: 30px;margin-top: 200px;position: sticky;top:200px;text-shadow: 1px 2px 2px #666;color:burlywood ;">前端里，除了生孩子 <br> <span style="color:rosybrown;">&nbsp;&nbsp;&nbsp;&nbsp; 没有什么是我们不会的</span> </p> -->
        <div id="toushang">
            <a name="tou" href="index.html"><img id="logo" src="logo/logo1.png" alt=""></a>
            <ul>
                <li class="a"><a  href="#">首页</a></li>
                <li class="a"><a  href="#">作品库</a></li>
                <li class="a"><a  href="#">成员</a></li>
                <li class="a"><a  href="#">关于黑风寨</a></li>
            </ul>
            <img id="heading" src="logo/heading.jpg" alt="">
        </div>
        <div id="main">   
            <div id="left">
                <div id="member">
                    <article>
                        <a name="t1" href=""><img src="img/寨主专用头像.jpg" alt=""></a>
                        
                        <p style="float: right;margin-top: 50px;margin-right: 50px;font-size: 18px;">“前端除了生孩子,<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 没什么是我们不会的.”</p>
                        <p id="name">大当家的、</p>
                        <p>简介:</p>
                        <p style="text-indent: 2em;">能熟练的帮同学们做前端作业啦！距离精通也就差亿点点而已，由于寨主我是个学生，因此非假期时间是不在线的，联系我尽量qq，或者微信哟.</p>
                        <p>联系方式：</p>
                        <p style="text-indent: 2em;">QQ：3401818689</p> <p style="text-indent: 2em;">电话：13386560042</p>
                    </article>
                </div>
                <div id="new">
                    <ul id="newbook">
                        <a name="t2" href=""><p style="margin-bottom: 10px;">最新消息</p></a>
                        
                        <a href=""><li>2020.4.12📰黑风寨成立啦.</li></a>
                        <a href=""> <li>2020.4.12📰冰儿加入黑风寨.</li></a>
                    </ul>
                </div>
                <div id="production">
                    <p > <a name="t3" href="">作品欣赏>></a></p>
                    <a href="manwei.html"><div style="background-color:#ff000030;" class="por">漫威空间 <img src="img/manwei.png" alt=""></div></a>
                    <a href="form/login.html"><div style="background-color: #ffaa6a30;"class="por">登录表单<img src="img/login.png" alt=""></div></a>
                    <a href="书架.html"><div style="background-color: #ffff0030;"class="por">动感书柜<img src="img/书.png" alt=""></div></a>
                    <a href="cs.html"><div style="background-color: #00800030;"class="por">枪械简页<img src="img/枪.png" alt=""></div></a>
                    <a href="reg.html"><div style="background-color:#00ff0030;"class="por">注册表单 <img src="img/reg.png" alt=""></div></a>
                    <a href="sou-index.html"><div style="background-color: #00ffff30;"class="por">搜索主页<img src="img/主页.png" alt=""></div></a>
                    <a href="index.html"><div style="background-color:#ff00ff30;"class="por">黑风寨<img src="img/23423.png" alt=""></div></a>
                </div>
                <div id="jion">
                    <a name="t4"href=""><p>加入寨子</p></a>
                    
                    <p>
                        黑风寨QQ群：859816260
                    </p>
                </div>
            </div>
            <div id="center">
                <ul>
                    <a href="#t1"><li>成员简介</li></a>
                    <a href="#t2"><li>最新内容</li></a>
                    <a href="#t3"><li>作品欣赏</li></a>
                    <a href="#t4"><li>加入寨子</li></a>
                    <a href="#tou"><li>回到顶部</li></a>
                    <p style="writing-mode:horizontal-tb;float: none;text-align: center;text-shadow: none;margin-top: 50px;">--黑风寨--</p>
                </ul>
                <div id="jieshao">
                    <p>黑风寨工作室</p>
                    <p>联系电话：13386560042</p>
                    <p>联系qq：3401818689（qq常在线）</p>
                </div>
                
            </div>
            <div id="right">
                <div id="member">
                    <article>
                        <img src="img/冰儿.jpg" alt="">
                        <p style="float: right;margin-top: 50px;margin-right: 50px;font-size: 18px;">“life is short.”</p>
                        <p id="name">冰儿</p>
                        <p>简介:</p>
                        <p style="text-indent: 2em;">我也能能熟练的帮同学们做前端作业啦！距离精通也就差亿点点而已，由于冰儿我也是个学生，因此非假期时间是不在线的，联系我尽量qq，或者微信哟.</p>
                        <p >联系方式：</p>
                           <p style="text-indent: 2em;">QQ：3217675436 </p> 
                            <p style="text-indent: 2em;">电话：18901629707</p>
                    </article>
                </div>
                <div id="production">
                    <p>他的作品>>><a href="">更多</a></p>
                    <div style="background-color:#ff000030;" class="por">漫威空间</div>
                    <div style="background-color: #ffaa6a30;"class="por">登录表单</div>
                    <div style="background-color: #ffff0030;"class="por">动感书柜</div>
                    <div style="background-color: #00800030;"class="por">漫威空间</div>
                    <div style="background-color:#00ff0030;"class="por">登录表单</div>
                    <div style="background-color: #00ffff30;"class="por">动感书柜</div>
                    <div style="background-color:#ff00ff30;"class="por">登录表单</div>
                </div>
                <article>
                    <img src="img/27816.png">
                    <p style="float: right;margin-top: 50px;margin-right: 50px;font-size: 18px;">“nc -vn 127.0.0.1”</p>
                    <p id="name">~~~</p>
                    <p>简介:</p>
                    <p style="text-indent: 2em;">能能熟练的帮同学们做前端作业啦！距离精通也就差亿点点而已，由于寨主我是个学生，因此非假期时间是不在线的，联系我尽量qq，或者微信哟.</p>
                    <p >联系方式：</p>
                       <p style="text-indent: 2em;">QQ：2781639872 </p> 
                        <p style="text-indent: 2em;">未知</p>
                </article>
                <div id="production">
                    <p>他的作品>>><a href="">更多</a></p>
                    <a href="抖音/index.html"><div style="background-color:#ff000030;" class="por">抖音<img src="img/222.png" alt=""></div></a>
                    <a href="魔兽世界/index.html"><div style="background-color: #ffaa6a30;"class="por">魔兽世界<img src="img/333.png" alt=""></div></a>
                    <a href="学成网/index.html"><div style="background-color: #ffff0030;"class="por">学成网<img src="img/111.png" alt=""></div></a>
                    <a href="小米商品栏/index.html"><div style="background-color: #00800030;"class="por">小米商品栏<img src="img/444.png" alt=""></div></a>
                    <div style="background-color:#00ff0030;"class="por"></div>
                    <div style="background-color: #00ffff30;"class="por"></div>
                    <div style="background-color:#ff00ff30;"class="por"></div>
                </div>
                 <article>
                    <img src="img/猫南北.png" alt="">
                    <p style="float: right;margin-top: 50px;margin-right: 50px;font-size: 18px;">“本群萌新.”</p>
                    <p id="name">猫南北</p>
                    <p>简介:</p>
                    <p style="text-indent: 2em;">能熟练做网站开发,网页设计,毕业设计,代写作业.</p>
                    <p >联系方式：</p>
                       <p style="text-indent: 2em;">QQ：3082688566</p> 
                        <p style="text-indent: 2em;">电话：17862010481</p>
                </article>
                <div id="production">
                    <p>他的作品>>><a href="">更多</a></p>
                    <div style="background-color:#ff000030;" class="por">漫威空间</div>
                    <div style="background-color: #ffaa6a30;"class="por">登录表单</div>
                    <div style="background-color: #ffff0030;"class="por">动感书柜</div>
                    <div style="background-color: #00800030;"class="por">漫威空间</div>
                    <div style="background-color:#00ff0030;"class="por">登录表单</div>
                    <div style="background-color: #00ffff30;"class="por">动感书柜</div>
                    <div style="background-color:#ff00ff30;"class="por">登录表单</div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>